<template>
<div class="login">
  <Top></Top>
  <div class="login-body">
     <Passport></Passport>
  </div>
  <div class="login-footer">
       <p>关于我们
         招贤纳士
         商务合作
         寻求报道

         400-660-0108

         kefu@csdn.net

         在线客服
         工作时间 8:30-22:00</p>
    <p>公安备案号11010502030143
      京ICP备19004658号
      京网文〔2020〕1039-165号
      经营性网站备案信息
      北京互联网违法和不良信息举报中心
      家长监护
      网络110报警服务
      中国互联网举报中心
      Chrome商店下载
      账号管理规范
      版权与免责声明
      版权申诉
      出版物许可证
      营业执照</p>
    <p>
      ©1999-2023北京创新乐知网络技术有限公司
    </p>

  </div>
</div>
</template>

<script>
import Top from "@/components/home/Top.vue";
import Passport from "@/components/home/Passport.vue";
export default {
  name: "App",
  components: {Top,Passport},

}
</script>

<style >
*{
  padding: 0;
  margin: 0;
}
 html,body{
   width: 100%;
   height: fit-content;
 }
 .login-body{
   width: 100%;
   height: 635px;
   background: url("@/assets/images/wallhaven-y86g17.jpg");
   background-size: cover;
 }
 .login-footer{
   width: 100%;
   height: fit-content;
   text-align: center;
   font-size: 10px;
   opacity: 0.7;
 }
.login-footer p{
  margin-top: 10px;
}
.passport{
  position: static !important;
  display: block !important;
  float: right !important;
  margin-top: 100px;
  margin-right: 100px;
  height: 450px!important;

}
.closeer{
  display: none !important;
}
.passport-inner{
  margin-top: 10px!important;
}
</style>